<template>
  <div>
    {{ title }}
    <button @click="fn">获取props</button>
  </div>
</template>

<script>
export default {
  props: {
    title: {
      type: String,
      required: true
    }
  },
  setup (props, {attrs, emit, slots, expose}) {
    /* 
      attrs 非响应式对象  组件自定义属性（非props）
      emit 触发子组件自定义事件方法 
      slots 插槽内容
      expose 方法 暴露公共方法
    */
    const fn = () => {
      // 拿到 父组件传递的props该怎么办
      console.log(props.title);
    }

    return {
      fn
    }
  }
}
</script>

<style lang="scss" scoped>

</style>